<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>Responsive Carousel Demo Page</title>
	<!-- Load local jQuery, removing access to $ (use jQuery, not $). -->
	<script src="../../libs/jquery/jquery.js"></script>
	<link rel="stylesheet" href="../../src/responsive-carousel.css" media="screen">
	<link rel="stylesheet" href="../assets/demostyles.css">
	<style>
		.caption {
			position: relative;
			bottom: 0;
			background: #fff;
			display: block;
			text-align: center;
		}
	</style>
	<!-- Load local lib and tests. -->
	<script src="../../src/responsive-carousel.js"></script>
	<script src="../../src/responsive-carousel.autoinit.js"></script>
	<script src="../../src/globalenhance.js"></script>
</head>
<body>
	<div class="header">
		<a href="http://filamentgroup.com/"><h1 id="fg-logo">Filament Group</h1></a>
	</div>
	<div class="carousel">
			<div>
				<img src="../assets/large.jpg">
				<div class="caption">Large</div>
			</div>
			<div>
				<img src="../assets/monks.jpg">
				<div class="caption">Monks</div>
			</div>
			<div>
				<img src="../assets/monkey.jpg">
				<div class="caption">Monkey</div>
			</div>
	</div>
</body>
</html>
